spin button: Add diagrams to CSS documentation

diff --git a/gtk/gtkspinbutton.c b/gtk/gtkspinbutton.c
index 9771695578e9ade772c66016ad0cac815831f085..7375b5f40087cb8c0512378b72f73156bb30a65a 100644 (file)
--- a/gtk/gtkspinbutton.c
+++ b/gtk/gtkspinbutton.c
@@ -82,6 +82,22 @@
  *
  * # CSS nodes
  *
+ * |[<!-- language="plain" -->
+ * spinbutton.horizontal
+ * ├── entry
+ * │   ╰── ...
+ * ├── button.down
+ * ╰── button.up
+ * ]|
+ *
+ * |[<!-- language="plain" -->
+ * spinbutton.vertical
+ * ├── button.up
+ * ├── entry
+ * │   ╰── ...
+ * ╰── button.down
+ * ]|
+ *
  * GtkSpinButtons main CSS node has the name spinbutton. It creates subnodes
  * for the entry and the two buttons, with these names. The button nodes have
  * the style classes .up and .down. The GtkEntry subnodes (if present) are put